// colors
$accentColor = #ef7c1e
$textColor = #2c3e50
$darkTextColor = #000
$lightTextColor = #EFEFEF

$borderColor = rgba($darkTextColor,.05)
$darkBorderColor = $darkTextColor

$codeBgColor = $darkTextColor

$bgColor = #fff
$headerBgColor = rgba(255,255,255,.9);

$footerBgColor = $darkTextColor
$footerColor = #828282

$newsletterBgColor = #f8f8f8

$postTagBgColor = #ddd;
$postTagColor = darken($postTagBgColor,50%)

// layout
$headerHeight = 60px
$contentWidth = 920px
$contentHeight = calc(100vh - 80px - 61px - 300px - 40px)
$contentHeightIndex = calc(100vh - 80px - 61px - 200px - 40px)
// responsive breakpoints
// $MQNarrow = 959px
// $MQMobile = 719px
// $MQMobileNarrow = 419px

// code
// $lineNumbersWrapperWidth = 3.5rem
// $codeLang = js ts html md vue css sass scss less stylus go java c sh yaml py docker dockerfile makefile
